<template>
    <div>
      <!--当组件被渲染的时候 solt元素会替换为'哈哈哈' 就是引用组件的那个地方 模板代码 包括html 甚至是其他的组件-->
      <slot></slot>
      <!--   具名插槽   -->
      <header>
        <slot name="header"></slot>
      </header>
      <footer>
        <slot name="footer"></slot>
      </footer>
    </div>
</template>

<script>
    export default {
        name: "use-solt"
    }
</script>

<style scoped>

</style>
